<script setup>

</script>

<template>
<h1>EL-卡片组件</h1>
  <el-row :gutter="20">
    <el-col :span="6" v-for="i in 4">
      <el-card>
        <img src="mr.png" style="width:30%">
        <p>《火影忍者》:漩涡鸣人</p>
        <div style="margin-bottom: 40px" >
          <span style="float: left">属性：风、火</span>
          <span style="float: right">伙伴：宇智波佐助</span>
        </div>
      </el-card>
    </el-col>
  </el-row>
</template>

<style scoped>

</style>